<script setup lang="ts">
import QuestionListItem from "./QuestionListItem.vue";
import {SearchQuestion} from "../../types/mytypes";
import QuestionList from "./QuestionList.vue";
const props = defineProps<{
  searchQuestion:SearchQuestion
}>()
</script>

<template>
  <div>
    <div class="result_item">
      <el-text  class="text">内容搜索</el-text>
      <QuestionList :show-question="searchQuestion.contentResult"></QuestionList>
    </div>
    <div class="result_item">
      <el-text class="text">tag搜索</el-text>
      <QuestionList :show-question="searchQuestion.tagResult"></QuestionList>
    </div>
    <div class="result_item">
      <el-text class="text">用户搜索</el-text>
      <QuestionList :show-question="searchQuestion.userResult"></QuestionList>
    </div>
    <div class="result_item">
      <el-text class="text">其他搜索</el-text>
      <QuestionList :show-question="searchQuestion.otherResult"></QuestionList>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.result_item{
  display: flex;
  flex-direction: column;
  align-items: start;
  border-radius: 4px;
  border: 1px #ccc solid;
  margin-top: 8px;
  padding: 4px;
  .text{
    align-self: start;
    font-size: 1.1em;
  }
}
</style>